import SectionCard from '../SectionCard'
import s from './index.module.scss'

export default function Sction2() {
  return (
    <SectionCard 
      title='聚焦实践，得心应手'
      desc='理论结合实践，是成为 React 高手的重要途径'
    >
      <div className={s.base}>
        <div className={s.container}>
          <div className={s.use}>useEffect</div>
          <div className={s.demo}></div>
        </div>
      </div>
      <div className={s.base}>
        <div className={s.container}>
          <div className={s.use}>useEffect</div>
          <div className={s.demo}></div>
        </div>
      </div>
      <div className={s.base}>
        <div className={s.container}>
          <div className={s.use}>useEffect</div>
          <div className={s.demo}></div>
        </div>
      </div>
      <div className={s.base}>
        <div className={s.container}>
          <div className={s.use}>useEffect</div>
          <div className={s.demo}></div>
        </div>
      </div>
    </SectionCard>
  )
}